<template>
  <div class="home">
    <div
      style="background: red"
      v-particle:[`img`]="{
        duration: 500,
        easing: 'easeOutQuad',
        speed: 0.1,
        particlesAmountCoefficient: 10,
        oscillationCoefficient: 180
      }"
    >
      <img ref="img" alt="Vue logo" src="../assets/logo.png" />
      <HelloWorld msg="Welcome to Your Vue.js App" />
    </div>
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from "@/components/HelloWorld.vue";

export default {
  name: "home",
  components: {
    HelloWorld
  }
};
</script>

<style lang="scss">
.home {
  overflow: hidden;
  height: 700px;
}
</style>
